<?php use_stylesheet('common/servicio.css') ?> 
<?php
    if(!isset($itemWidth)){
        $itemWidth = "202px";
    }
    if(!isset($itemHeight)){
        $itemHeight = "150px";
    }
    if(!isset($contenidoServicioLeft)){
        $contenidoServicioLeft = "-10px";
    }
    if(!isset($contenidoServicioWidth)){
        $contenidoServicioWidth = "190px";
    }
    if(!isset($imgArrowTop)){
        $imgArrowTop = "-50px";
    }
    if(!isset($imgArrowLeft)){
        $imgArrowLeft = "68px";
    }
    if(!isset($contenidoServicioFontsize)){
        $contenidoServicioFontsize = "18px";
    }
    if(!isset($contenidoServicioLineHeight)){
        $contenidoServicioLineHeight = "18px";
    }
    
?>
<div id="servicioContainerItem" style="width:<?php echo $itemWidth ?>; min-height:<?php echo $itemHeight ?>;">
    <div id="textContainer">
        <div class="tituloServicio"><?php echo htmlspecialchars_decode($textTitulo) ?></div>
        <div class="contenidoServicio" style="left:<?php echo $contenidoServicioLeft ?>; width:<?php echo $contenidoServicioWidth ?>; font-size: <?php echo $contenidoServicioFontsize ?>;line-height:<?php echo $contenidoServicioLineHeight ?>;">
            <?php echo htmlspecialchars_decode($textContenido) ?>
        </div>
    </div>
    <div id="imageContainer" style="top:<?php echo $imgUrlIcoTop ?> ;left:<?php echo $imgUrlIcoLeft ?>;">
        <img src="<?php echo $imgUrlIco ?>"/>
    </div>
    <div id="imageArrow"style="top:<?php echo $imgArrowTop ?> ;left:<?php echo $imgArrowLeft ?>;" >
        <img src="<?php echo $imgUrlArrow ?>"/>
    </div>
</div>